<template>
	<view>
		<view class="logoimage">
			<image :src="loginlogo" class="logoimg"></image>
			<view>{{systemInfo.sysVersion}}</view>
		</view>
		<view class="content">
			{{systemInfo.sysDescription}}
		</view>
		<!-- #ifdef APP-PLUS -->
		<view class="user-policy">
			<view @tap="userAgreement">用户协议</view>
			<view style="margin: 0 10upx;"> | </view>
			<view @tap="privacyPolicy">隐私政策</view>
		</view>
		<!-- #endif -->
		<view class="versions-special"><text>{{systemInfo.copyright}}</text></view>
	</view>
</template>

<script>
	import config from '@/common/js/config.js'
	export default {
		data() {
			return {
				hidethis: false,
				version: config.Global.SoftVersion,
				loginlogo: config.Resources.banner.loginlogo,
				// #ifdef APP-PLUS
				agreement: config.Resources.userAgreement,
				policy: config.Resources.privacyPolicy,
				// #endif
				systemInfo: config.Global.systemInfo
			}
		},
		onLoad() {
			const userProvider = uni.getStorageSync(config.Global.cache + '_UserProvider');;
			if (userProvider.roleName.indexOf('客户经理') > -1) {
				this.systemInfo.sysDescription = this.systemInfo.sysDescription.replace(
					'同时，平台推出兼职合伙人的分享经济模式，并通过平台进行全流程管理，有效保证了兼职合伙人的价值体现和传承分享。', '')
			}
		},
		methods: {
			// #ifdef APP-PLUS
			userAgreement() {
				plus.runtime.openURL(this.agreement);
			},
			privacyPolicy() {
				plus.runtime.openURL(this.policy);
			},
			// #endif
		}
	}
</script>

<style>
	.logoimage {
		background-color: #3281ff;
		padding-top: 35upx;
		/* 		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center; */
		height: 280rpx;
		color: #fff;
		font-size: 28upx;
		text-align: center;
	}

	.logoimg {
		width: 152upx;
		height: 152upx;
		/* margin-bottom: 18upx; */
	}

	.content {
		padding: 30upx;
		font-size: 28upx;
		line-height: 48upx;
	}

	/* #ifdef APP-PLUS */
	.user-policy {
		display: flex;
		flex-direction: row;
		justify-content: center;
		color: #0066CC;
	}

	/* #endif */
</style>